<template>
    <div ref="el" style="overflow:hidden;"></div>
</template>

<script>
export default {
    name: 'json-viewer',
    props: ['value'],
    watch: {
        value(val) {
            this.updateInput(val);
        }
    },
    mounted() {
        this.updateInput = _.debounce((val) => $(this.$refs.el).JSONView(this.value), 600)
        this.updateInput(this.value);
    },
}
</script>

